<template>
  <div>
    我是app
    <p>{{str}}</p>
    <button @click="btnFunc">点击</button>
  </div>
</template>

<script>
export default {
  setup () {
    // compositionApi 的入口
    // 以前created干的事都扔setup里去干
    console.log('我是setup')
    console.log(this)
    const str = '我是vue3'
    const btnFunc = () => {
      console.log('我不敢非主流的事')
    }
    // 模板里想要用到的数据和方法 都得return
    return {
      str,
      btnFunc
    }
  },
  beforeCreate () {
    console.log('我是create')
    console.log(this)
  }
}
</script>

<style lang="scss" scoped>

</style>
